
$(function() {
        //这里是头部搜索框的搜索
    $(".search").click(function(){
        bigsearch()
    })
    $(".nav-form input").keydown(function(e){
        if(e.keyCode == 13){
        bigsearch()
        }
    })
// 所有文章的点击
   $(document).on("click","section",function(){
    let id = $(this).attr("pageid")
    window.open("http://test.cn/view?pageid="+id,"target")
   })


    //登录之后的数据请求
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: 'get',
        url: "http://test.cn/user/getUserInfo",
        success: function(data) {
            if (data.code == 200) {
                $(".person").text(data.data[0].name)
            } else {
                alert('输入内容错误！');
            }
        }
    });

    // 获取轮播图信息
    $.ajax({
        url:"http://test.cn/updateLoopInfo",
        success:function(e){
            console.log(e.data)
            // $(e.data).each(function(index,item){
            //     $(".slider").empty();
            //     let con = ` <p><strong>${item.id}:</strong>${item.loop_title}</p>
            // <img src="${item.img_path}">`
            // console.log(con)
            //   $(".slider").append(con)
            // })
        }
    })

    //轮播图的交互！！！！！！！！！！！！！
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: 'get',
        url: "http://test.cn/updateLoopInfo",
        dataType: "json",
        success: function(data) {
            if (data.code == 200) {
            } else {
                alert('输入内容错误！');
            }
        }
    });


    //直接开始交互！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
    //第一步热门文章！！！！！！！！！
    page(url, num);


    //小火箭的点击与啥啥啥
    $(".top").click(function() {
        $('body,html').animate({ scrollTop: 0 }, 500);
    });


    //热门文章的点击
    $(".remen").click(function(e) {
        $('body,html').animate({ scrollTop: 0 }, 0);
        num = 1;
        e.preventDefault();
        $(".aside-pop a,.tech dd").removeClass("achoice")
        $(this).addClass("achoice")
        $("article section").remove();

        url = "http://test.cn/getHotContents?page=";
        page(url, num);
        $(".bottom-warm").css("display","none")

    })


    //最新文章的点击
    $(".newcontent").click(function(e) {
         $('body,html').animate({ scrollTop: 0 }, 0);
        num = 1;
        e.preventDefault();
        $(".aside-pop a,.tech dd").removeClass("achoice")
        $(this).addClass("achoice")
        $("article section").remove();
        url = "http://test.cn/getNewContents?page=";    
        page(url, num);
        $(".bottom-warm").css("display","none")
    })

    $(".tech dd").click(function(e) {
        e.preventDefault();
        $(".aside-pop a,.tech dd").removeClass("achoice")
        $(this).addClass("achoice")
    })


    //五个技术的点击
    $(".tech dd").click(function() {
         $('body,html').animate({ scrollTop: 0 }, 0);
        change = 2;
        num = 1;
        $("article section").remove();
        index = $(this).index();
        url = "http://test.cn/getConterntMessage?page="
        fiveclass(url, index, num);
        $(".bottom-warm").css("display","none")
    })

    //第二步，下拉再请求
    window.onscroll = function() {
        if ($(window).scrollTop() + $(window).height() >= $(document).height()) {
            if (change == 1) {
                num++;
                page(url, num);
            } else {
                //请求的页数加1
                num++;
                fiveclass(url, index, num);

            }

        }
    }


    //写文章点击跳转到写文章页面
    $(".writing").click(function() {
        window.open("http://test.cn/creat-page", "target")
    })
})

//直接开始交互！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
//第一步热门文章！！！！！！！！！
page(url)


//第二步，下拉再请求
window.onscroll = function() {
    if ($(window).scrollTop() + $(window).height() >= $(document).height()) {
        page("http://127.0.0.1:8020/李忠义的代码合集/shareId-Html/json/最新文章.json")
    }
}



//这就是这个页面所有文章的链接
var url = "http://test.cn/getHotContents?page=";
//这个是页数
var num = 1;
//判断是技术还是热门最新，热门最新为1，技术为2
var change = 1;
//技术的分类五个，index表示
var index;


//添加文章的方法
function page(url, unm) {
    $.ajax({
        type: 'get',
        url: url + num,
        dataType: "json",
        success: function(data) {
            if (data.code == 200) {
                if (num > data.data.last_page) {
                    $(".bottom-warm").fadeIn(500)
                    return 0;
                }
                $(data.data.data).each(function(index, item) {
                    let page = `<section pageid = "${item.id}">
                <header>${item.title}</header>
                <p>
                  ${item.body}
                </p>
                <footer>
                    <div class="dianzan">${item.like}</div>
                    <div>${item.user_name}</div>
                    <div>${item.created_at}</div>
                    <div class="guankan">${item.view}</div>
                </footer>
            </section>`
                    $(".section").append(page)

                })

            } else {
                alert('输入内容错误！');
            }
        }
    });
}


//技术频道
function fiveclass(url, id, num) {
    $.ajax({
        type: 'get',
        url: url + num,
        dataType: "json",
        data: {
            column_id: id
        },
        success: function(data) {
            if (data.code == 200) {
                if (num > data.data.last_page) {
                    $(".bottom-warm").fadeIn(500)
                    return 0;
                }
                $(data.data.data).each(function(index, item) {
                    let page = `            <section pageid = "${item.id}">
                <header>${item.title}</header>
                <p>
                  ${item.body}
                </p>
                <footer>
                    <div class="dianzan">${item.like}</div>
                    <div>${item.user_name}</div>
                    <div>${item.created_at}</div>
                    <div class="guankan">${item.view}</div>
                </footer>
            </section>`
                    $("article").append(page)

                })

            } else {
                alert('输入内容错误！');
            }
        }
    });
}

//这里是搜索的函数
function bigsearch(){
        let content = $(".nav-form input").val().trim();
        if (content != '') {
                        $.ajax({
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                   },
                    type: 'get',
                    url:"http://test.cn/post/search",
                    dataType: "json",
                    data:{
                        keyword:content
                    },
                    success: function(data) {
                        if(data.code == 200) {
                            if (data.data == "对不起，没有相关文章") {
                                alert("对不起，没有相关文章！")
                                return 0;
                            } else{
                                window.open("http://test.cn/search-page?content="+content,"target")
                            }
                            
                        } else {
                            alert('无相关类型文章！');
                        }
                    }
                });
        } else{
            alert("请输入内容")
        }
}
